import {Text, View, StyleSheet} from 'react-native';

/* 
rn中的布局大部分和 html 中的css 类似
1. rn有没有线性布局 Row Column   没有 web的css中 
2  web中css  有没有flex 布局！！！  ->  rn主要也是flex 
3 rn 单位 默认是数字 不用加单位 px
  安卓 30dp   类似鸿蒙 vp 

 */

export default function App() {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>样式1</Text>
      <Text style={styles.text}>样式2</Text>
      <Text style={styles.text}>样式3</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: 'red',
    flexDirection: 'row',
  },
  text: {
    color: 'white',
    fontSize: 30,
  },
});
